/**
 * 全局样式
 */
const BACKGROUND_COLOR = '#f3f3f4';
import React from 'react';
import {DeviceInfo, Dimensions, Platform} from 'react-native';
const {height, width} = Dimensions.get('window');

export default {
  tabBarActiveTextColor: '#04bbff',
  tabBarInactiveTextColor: '#333',
  bgWhite: {
    backgroundColor: '#fff',
  },
  bgGrey: {
    backgroundColor: '#f6f9fd',
  },
  colorWhite: {
    color: '#fff',
  },
  pageContainer: {
    flex: 1,
    backgroundColor: '#f6f9fd',
  },
  // 底部加载更多
  indicatorContainer: {
    alignItems: 'center',
  },
  indicator: {
    margin: 5,
  },
  indicatorText: {
    color: '#999',
  },
  iconContainer: {
    width: 30,
    alignItems: 'center',
    justifyContent: 'center',
  },
  // tabs
  tabsLineStyle: {
    backgroundColor: '#04bbff',
  },
  tabsTextStyle: {
    fontSize: 16,
  },
  bottomBtnPanel: {
    width: '100%',
    height: 50,
    flexDirection: 'row',
    justifyContent: 'space-around',
    alignItems: 'flex-end',
  },
  // 按钮组
  btnsPanel: {
    alignItems: 'center',
    justifyContent: 'center',
    paddingBottom: 8,
    paddingTop: 5,
  },
  bottomSwipeAction: {
    flex: 1,
  },
  backBtn: {
    backgroundColor: 'red',
    color: 'white',
    fontSize: 18,
  },
  bottomBtn: {
    height: 45,
  },
  bottomBtnView: {
    flex: 1,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: '#1890ff',
  },
  bottomTextViewPaddingLeft: {
    paddingLeft: 30,
  },
  iconView: {
    width: 30,
  },
  bottomTextView: {
    flex: 1,
    alignItems: 'center',
  },
  bottomBtnImg: {
    width: 100,
    alignItems: 'center',
    height: 36,
    justifyContent: 'center',
  },
  bottomBtnText: {
    fontSize: 18,
    color: '#fff',
  },
  promptTitle: {
    fontSize: 16,
  },
  blockPanel:{
    width: width - 20,
    marginLeft: 10,
  },
  marginTop10: {
    marginTop: 10
  },
  innerTabPanel:{
    width: width - 20,
    marginLeft: 10,
    marginTop: 10,
    backgroundColor: '#fff',
    borderRadius: 6,
    padding: 10
  },
    modalContainer:{
        flex: 1,
        margin: 10,
        marginBottom: 10 + (DeviceInfo.isIPhoneX_deprecated ? 24 : 0),
        marginTop: Platform.OS === 'ios' ? 20 + (DeviceInfo.isIPhoneX_deprecated ? 24 : 0) : 10,
        backgroundColor: 'white',
        borderRadius: 3,
        shadowColor: 'gray',
        shadowOffset: {width: 2, height: 2},
        shadowOpacity: 0.5,
        shadowRadius: 2,
        padding: 3
    },
    searchInputContainer:{
        flexDirection:'row',
        justifyContent:'center',
        alignItems:'center',
        padding:5,
    },
    searchIpt:{
        flex:1,
        borderBottomWidth:1,
        paddingLeft: 5,
        paddingRight: 5,
        borderColor:'#cfcfcf'
    },
  formRow: {flexDirection: 'row',alignItem: 'center'},
  formRowRequire: {paddingTop: 5},
  personalCardRow: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between',
    marginBottom: 5
  }

};
